<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="jquery-1.10.1.min.js"></script>
	<script type="text/javascript">
	/*
		$下的常用方法:【不是$()】
	
			1) $.ajax() : 前后台数据异步传输。参数是一个json
 
					url			data

					success		error	

					type		dataType		contentType

					cache 缓存		timeout 延迟
			
			2) $.get() : 传输方式为get时
			3) $.post()	： 传输方式为post时
			4) $.getJSON : 请求JSON类型的数据，同时支持JSONP（跨域）的形式,指定一个调用的函数
				
	*/
	$(function() {
		
	/*	$.ajax({
			"url" : "xxx.php",					//后台地址
			"data" : "name=hello&age=20",		//数据
			"type" : "POST",					//传输方式。
			"success" : function() {			//传输成功的一个回调函数
				alert(1);
			},
			"error" : function() {				//传输失败的一个回调函数
				alert(2);
			}
		})
	*/

		//如果传输方式是get或post,还可以简写成get()或post()形式。如果要把json数据也写进去，写在后台地址后面
		$.get('xxx.php', function() {
			//这是成功的回调函数
		})

		$.post('xxx.php', {}, function() {
			//这是成功的回调函数
		})


		//getJSON。传输后会生成一个show的函数，带有数据。如果不取名字，则用?(即callback=？),那么系统到时候会自动生成一个随机的名字
		$.getJSON('xxx.php?callback=show', function() {
			//{数据}
		})
		show();
	});
	</script>
</head>
<body>
	<ul>
		<li>111</li>
		<li>222</li>
		<li>333</li>
	</ul>
</body>
</html>